
<!NOCTYPE html>
<html lang="en"><head>
<meta charset="utf-8">
 <title>欢迎登录</title>
 
<body>

<canvas id=""mycanvas width="500" height="300" style="border:1px solid #d3d3d3">
</canvas>

<script>

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.font="30px Arial";
ctx.fillText("Hello World",10,50);

</script>

<div id="panel">

<div class="panel-top">       
 <h2>欢迎登录</h2>    
</div>
 <div class="panel-content">        
<div class="int">          
<input type="text" placeholder="你的手机号/用户名">       
 </div>        
<div class="int">            
<input type="password" placeholder="输入密码">        
</div>              
<div class="setting">            
<a href="#" class="auto-login">
<input type="checkbox">下次自动登录
</a>           
 <a href="#" class="forget-pwd">忘记密码</a>        
</div>        
<div class="login">            
<button>登录</button>        
</div>        
<div class="reg">还没账号?<a href="#">马上注册</a>        
</div>    
</div>     
 <div class="panel-footer">             
</div>
</div>
</body>
</html>

